extend personLeft.pug

block append pageStyle
	link(href='${relativePath}/static/css/personCenter/personIndex.css' type="text/css" rel="stylesheet")
	link(href="${relativePath}/static/css/shopping/foundation.min.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/foundation-datepicker.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/personCenter/account.css" rel="stylesheet" type="text/css")

block personRight
	div.rightContent.fl
		//- 我的账户
		div.accountBalanceBox
			p.balance 账户余额：
			div.bottomBox
				div.leftMoney.fl
					span
					|  元
				div.rightBtn.fr
					span.recharge 充值
					span.drawals 提现
				div.clear

		div.timeHead
			div.allTime
				span.havaM.timeTitle.fl 时间：
				div.selectTime.fl
					input#startTime.fl(type="text" placeholder="请选择")
					i.fl.line -
					input#endTime.fl(type="text" placeholder="请选择")
				div#dateType.latestTime.havaM.fl
					span.one1 最近：
					span.one.current(dateType="1") 一个月
					span.three(dateType="2") 三个月
					span.oneYear(dateType="3") 一年
		//- 账单列表
		div.accountList
			ul.btnList
				li.all.current(type="3") 全部账单
				li.zc(type="2") 支出
				li.sr(type="1") 收入
				div.clear
			//- 列表内容盒子
			div.allAccount
				ul.topTitle
					li.time 时间
					li.lsNumber 流水号
					li.type 类型
					li.income 收入/支出
					li.tradType 交易状态
					div.clear
				div.allLists
					ul
						//- li
						//- 	span.time 2017-09-08
						//- 	span.lsNumber 20170908102112592
						//- 	span.type 充值
						//- 	span.income +500
						//- 	span.tradType 交易成功
	script#allList(type="text/html")
		| {{set arr = data.amountList}}
		| {{each arr temp}}
		li
			span.time {{temp.create_time}}
			span.lsNumber {{temp.mark}}
			span.type 充值
			| {{if temp.balance == 1}}
			span.income + {{temp.amount}}
			| {{else}}
			span.income - {{temp.amount}}
			| {{/if}}
			span.tradType
			| {{if temp.type == 0}}
			| <span class="tradType">无类型</span>
			| {{else if temp.type == 10}}
			| <span class="tradType">提现</span>
			| {{else if temp.type == 20}}
			| <span class="tradType">充值</span>
			| {{else if temp.type == 30}}
			| <span class="tradType">订单支付</span>
			| {{else if temp.type == 40}}
			| <span class="tradType">订单退款</span>
			| {{else if temp.type == 50}}
			| <span class="tradType">订单结算</span>
			| {{else if temp.type == 60}}
			| <span class="tradType">推广返利</span>
			| {{/if}}
		| {{/each}}



	//- 分页
	div.pageBox
		nav.pageNav
			
			div.paginationOne.page





block append pageScript

	script.
		var DATETYPE;
		$(function(){
			var nowTemp = new Date();
			var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
			var checkin = $('#startTime').fdatepicker({
				format: 'yyyy-mm-dd',
				onRender: function (date) {
					return date.valueOf() < now.valueOf() ? 'disabled' : '';
				}
			}).on('changeDate', function (ev) {
				if (ev.date.valueOf() > checkout.date.valueOf()) {
					var newDate = new Date(ev.date)
					newDate.setDate(newDate.getDate() + 1);
					checkout.update(newDate);
				}
				checkin.hide();
				$('#endTime')[0].focus();
			}).data('datepicker');
			var checkout = $('#endTime').fdatepicker({
				format: 'yyyy-mm-dd',
				onRender: function (date) {
					return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
				}
			}).on('changeDate', function (ev) {
				checkout.hide();
			}).data('datepicker');

			//- 当前选中
			$("#account").addClass("current").siblings().removeClass("current");

			//- 点击切换导航
			$(".btnList li").click(function(){
				$(this).addClass("current").siblings().removeClass("current");
			})

			
			//- 收入
			function sr(pageNum,type){
				$.getJSON(shopIp+"/User/account?callback=?",{
					userToken:token,
					os:"web",
					page:1,
					size:10,
					type:type,
					dateType:DATETYPE
				},function(data){
					console.log(data);
					var data1 = data.data;
					$(".leftMoney span").html(data1.amount);
					//- 账单列表
					var account = template("allList",data);
					if(data1.amountList == null){
						$(".allLists ul").html("<img class='imgBig' src='${relativePath}/static/imgs/zw.png'/>");
						//alert("暂无列表！");
					}else{
						$(".allLists ul").append(account);
					}
					
				})
			}
			

			//- 点击最近
			$(".latestTime span").not(".one1").click(function(){
				$(this).addClass("current").siblings().removeClass("current");
			})

			//- 点击一个月
			function oneMonth(pageNum,type){
				$.getJSON(shopIp+"/User/account?callback=?",{
					userToken:token,
					os:"web",
					page:pageNum,
					size:10,
					type:type,
					dateType:DATETYPE
				},function(data){
					//console.log(data);
					var data1 = data.data;
					$(".leftMoney span").html(data1.amount);
					//- 账单列表
					var account = template("allList",data);
					if(data1.amountList == null){
						$(".allLists ul").html("");
						$(".allLists ul").html("<img class='imgBig' src='${relativePath}/static/imgs/zw.png'/>");
					}else{
						$(".allLists ul").append(account);
					}
				})
			}

			$("div#dateType [dateType]").click(function(){
				$(".allLists ul").html("");
				DATETYPE = $(this).attr("dateType");
				//alert(DATETYPE);
				oneMonth(1,3);

			});

			oneMonth(1,3);

			$(".btnList li[type]").click(function(){
				$(".allLists ul").html("");
				sr(1,$(this).attr("type"));
			})
			
			//- 点击充值
			$(".recharge").click(function() {
				window.location = "recharge.html";
			})
			//- 点击提现
			$(".drawals").click(function() {
				window.location = "presentation.html";
			})
		})


